<template>
    <view class="content">
        <van-nav-bar left-arrow @click-left="onClickLeft" :border="false"  class="fixed_top" id="navBar"> </van-nav-bar>
        <view class="top">
            <view class="image">
                <img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/loginLogo.png" alt=""
                    style="" mode="widthFix">
            </view>
            <view class="ourTitle">17乐生活</view>
            <view class="version">17leshenghuo</view>
        </view>
        <view class="bottom-area">
            <view class="agreement">
                <view id="secrectAgreement">
                    <view class="href">《软件许可及服务协议》</view>
                    <view class="href t8">
                        <span class="href">《用户协议》</span>
                        <span class="href">《隐私政策》</span>
                    </view>
                </view>
            </view>
            <view class="bottomText t38" @click="onClickLeft">客服电话: <span class="href" @tap="callPhone">0359-8755558</span></view>
            <view class="bottomText t8" @click="onClickLeft">ICP备案号：晋B-235546666</view>
            <view class="bottomText t8" @click="onClickLeft">Copyright  2024-2029 Tencent.All Rights Reserved</view>
        </view>
    </view>
</template>
<script>
export default {
  data () {
      return {
              
      }
  },
  onReady () {
  // 清除缓存
  // uni.clearStorage()
  },
  methods: {
      phoneLogin () {
          if (!this.checked) {
              Toast('请先勾选同意服务协议')
              return false
          }
          uni.navigateTo({
              url: '/pages/login/phoneLogin'
          })
      },
      onClickLeft () {
          uni.navigateBack({
              delta: 1
          })
      },

   
  
      userAgreement () {
          console.log('用户协议')
          uni.navigateTo({
              url: '/pages/login/userAgreement'
          })
      },
      login () {
          if (!this.checked) {
              Toast('请先勾选同意服务协议')
              return false
          }

          if (!this.isSendMsg) {
              Toast('请先点击发送验证码')
              return false
          }

          this.doLogin()
      },
      secrectAgreement () {
          console.log('隐私协议')
          uni.navigateTo({
              url: '/pages/login/secrectAgreement'
          })
      },
   
   
      onChange (e) {
          if (e.target.id !== 'secrectAgreement') {
              this.checked = !this.checked
          }
      },

    //   呼叫
      callPhone() {
        wx.makePhoneCall({
            phoneNumber: '0359-8755558'
        })
        }       
     
  }
}
</script>
<style lang="scss" scoped>
.content {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100vh;
    // background: url('https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/loginBg.png') no-repeat;
    background-size: 100%;
}
.top{
    padding: 0 24px;
    flex: 1;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.image{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0px auto;
    width: 124rpx;
    height: 124rpx;
    img{
        width: 100%;
        height: auto;
    }
}
.ourTitle{
    font-size: 38rpx;
    color: #111111;
    text-align: center;
    margin-top: 26rpx;
}
.version{
    font-size: 26rpx;
    line-height: 26rpx;
    color: #111111;
    text-align: center;
    margin-top: 14rpx;
}
::v-deep .van-cell {
    border: none;
    border-radius: 8px;
    background-color: #F7F8FA;
    margin: 0;
    width: auto;
    height: 48px;
    padding: 0 16px;
}
::v-deep .van-hairline--top-bottom:after {
    border: none;
}
.bottom-area{
    margin-top: 52rpx;
    text-align: center;
    margin-bottom: calc(81rpx + env(safe-area-inset-bottom));
}

.agreement {
    font-size: 26rpx;
    color: #757980;
    text-align: center;
}
.bottomText{
    color: #666666;
    font-size: 24rpx;
    text-align: center;
    line-height: 24rpx;
}
::v-deep .van-button--info {
    width: 100%;
    height: 80rpx;
    border-radius: 8px;
    background: #1F6AFF;
}
::v-deep .van-button--primary {
    width: 100%;
    // margin: 16px 0;
    height: 80rpx;
    border-radius: 8px;
    background: #FF6203 !important;
    border: 1px solid #ff6203 !important;
}

::v-deep .van-count-down {
    display: inline;
    font-size: 14px;
    color: #98C4FF;
}

.href {
    color: #ff6203;
}


.gray {
    color: gray;
}
::v-deep .van-button__text {
    // font-family: "PingFang SC";
    // font-style: normal;
    font-weight: bold;
    font-size: 16px;
}
.password {
    margin: 24px 0 12px;
}
.checked-img {
    height: 12px;
    width: 12px;
    margin-top: 4px;
}
button::after{
    border: none;
}
.button-hover{
    background-color: transparent;
}
.no-login{
    font-size: 24rpx;
    margin-bottom: calc(81rpx + env(safe-area-inset-bottom));
    // height: 44px;
    line-height: 24rpx;
    color: #757980;
    text-align: center;
    margin-top: 75rpx;
}

.middle{
    height: 80rpx;
}


::v-deep .van-nav-bar {
    background-color: transparent !important;
}
::v-deep .van-icon {
    color: #242629 !important;
}
.t14{
    margin-top: 14px;
}
.t8{
    margin-top: 16rpx;
}
.t38{
    margin-top: 38rpx;
}
</style>
